﻿@charset "utf-8";
@import url(reset.css);
/* CSS Public Start*/
	div.offer .left .shop dl dt,
	div.offer .right .offer-right-1 dl dt,
	div.offer .right .hot dl dt,
	div.news .right .offer dl dt,
	div.news .right .hot dl dt,
	div.list .left .poi dl dt,
	div.list .left .shop dl dt,
	div.list .right .hot dl dt,
	div.list .right .list-right-dl3 dl dt,
	div.list .right h3.ebook { background-image:url("images/mark.gif"); background-repeat: no-repeat; overflow:hidden; }
	
	div.offer .right .offer-right-1 dl,
	div.news .right .offer dl { padding:15px 12px; }
	
	div.offer .right .offer-right-1 dl dt,
	div.news .right .offer dl dt { height:32px; margin-bottom:15px; border-bottom:#DDD 1px solid; background-position: 0 7px; }
	
	div.offer .right .offer-right-1 dl dd,
	div.news .right .offer dl dd { padding-top:7px; }
	
	div.news .right .hot dl { padding:15px 15px 25px 15px; overflow:hidden; }
	div.offer .right .hot dl dt,
	div.news .right .hot dl dt { height:32px; margin-bottom:10px; border-bottom:#DDD 1px solid; background-position: 0 -25px; }
	div.offer .right .hot dl dd,
	div.news .right .hot dl dd { height:20px; padding-top:12px; border-bottom:#AAA 1px dotted; }
	
	div.offer .right .hot dl dd em,
	div.news .right .hot dl dd em { display:inline-block; float:left; font:12px Simsun; color:#FFF; width:16px; height:15px; margin-right:5px; padding-top:1px; text-align:center; background:url("images/em.gif") no-repeat 0 0; overflow:hidden; }
	div.offer .right .hot dl dd em.off,
	div.news .right .hot dl dd em.off { background-position:0 -30px;}
/* CSS Public End*/

/* CSS news list Start */
.list { width:958px; border:#CCC 1px solid; background:url("images/dt_bg.gif") repeat-y 180px 0; }	
	.list .left { float:left; width:180px; overflow:hiddden; }
	.list .left .poi dl { padding:0px 10px 15px 10px; overflow:hidden; }
	.list .left .poi dl dt { height:35px; border-bottom:#DDD 1px solid; background-position: 0 -162px }
	.list .left .poi dl dd { padding: 15px 12px 0 12px; }
	.list .left .poi dl dd a { display:block; text-align:center; }
	.list .left .poi dl dd a span { display:block; padding:3px; border:#EEE 1px solid; }
	.list .left .poi dl dd a:hover span { padding:3px; border-color:#F90; }
	
	.list .left .shop dl { clear:both; padding:5px 8px 40px 8px; border-top:#DDD 1px solid; overflow:hidden; zoom:1; }
	.list .left .shop dl dt { height:32px; border-bottom:#DDD 1px solid; margin-bottom:10px; background-position: 0 -95px; overflow:hidden; } 
	.list .left .shop dl dd { height:15px; padding:7px 0 3px 0; border-bottom:#DDD 1px dotted; overflow:hidden; zoom:1; }
	
	.list .center { float:left; width:480px; padding:10px 1px 0 2px; overflow:hidden; }
	.list .center h1 { height:40px; background:url("images/Topic_bg.gif") repeat-x 0 4px; overflow:hidden; }
	
	.list .center dl { padding:10px; }
	.list .center dl dt { height:25px; text-indent:5em; background:url("images/list_c_dl_dt.gif") no-repeat 0 1px; overflow:hidden; zoom:1; }
	.list .center dl dt a { font-size:15px; color:#F60; }
	.list .center dl dt span { float:right; color:#AAA; margin-top:-2px; }
	.list .center dl dd { padding:10px 5px 10px 1.5em; color:#999; }

	.list .center dl.dl1 { background-color:#E5EEF5; }
	.list .center dl.dl2 dt {background-position:0 -24px;}
	.list .center dl.dl3 { margin-bottom:2em; background-color:#E5EEF5; }
	.list .center dl.dl3 dt { background-position:0 -49px; }
	.list .center ul { padding:0 10px; background-image:url("images/list_bg.gif"); overflow:hidden; zoom:1; }
	.list .center li { font-size:13px; height:35px; line-height:35px; overflow:hidden; }
	.list .center li span { float:right; color:#999; margin-top:-2px; }
	
	.list div.page { text-align:center; padding-top:80px; }
	.list div.page span { display:inline-block; *margin-right:10px; padding:0 5px; border:#69F 1px solid; }
	.list div.page span a { color:#69F; }
	.list div.page span.off { border-color:#FFF; }
	
	.list .right { float:right; width:294px; padding-bottom:20px; border-left:#DDD 1px solid; overflow:hidden; }
	.list .right .hot dl { padding:0 10px 15px 10px; }
	.list .right .hot dl dt { height:35px; margin-bottom:5px; border-bottom:#DDD 1px solid; background-position:0 -58px; }
	.list .right .hot dl dd { padding-top:8px; }
	
	.list .right h3.ebook { width:100%; display:block; height:32px; border-top:#DDD 1px solid; border-bottom:#DDD 1px solid; background-position: 10px -200px; }
	.list .right .tabitem dl { padding-top:5px; overflow:hidden; }
	.list .right .tabitem dl dt {margin-right:-1px; height:25px; border-top:#DDD 1px solid; background:url("images/dt_bg.gif") repeat-x 0 24px; overflow:hidden; }
	.list .right .tabitem dl dt em{ display:block; font:12px Simsun; float:left; height:24px; line-height:24px; padding:0 6px; border-right:#DDD 1px solid; background-color:#E5EDF5; overflow:hidden; cursor:pointer; }
	.list .right .tabitem dl dt em.off { height:25px; padding:0 7px 0 7px; background-color:#FFF; }
	.list .right .tabitem dl dd { padding:10px 0 10px 5px; height:180px; border-bottom:#DDD 1px solid; overflow:hidden; }
	.list .right .tabitem dl ul { display:none; }
	.list .right .tabitem dl ul.off { display:block; }
	
	.list .right .list-right-dl3 dl { padding:10px 10px 25px 10px;}
	.list .right .list-right-dl3 dl dt { height:32px; margin-bottom:10px; border-bottom:#DDD 1px solid; background-position:0 -132px;}
	.list .right .list-right-dl3 dl dd { padding:10px 0 3px 1.5em; border-bottom:#AAA 1px dotted; background:url("images/li.gif") no-repeat 0 -46px; }
	
	.list .searchkey { float:left; width:661px; overflow:hidden;}
	.list .searchkey dl { padding-left:2px; }
	.list .searchkey dl dt { color:#DDD; vertical-align:top; padding:15px 0 5px 10px; border-bottom:#DDD 1px dotted;}
	.list .searchkey dl dt a ,
	.list .searchkey dl dt a em ,
	.list .searchkey dl dt a em span {display:inline-block;}
	.list .searchkey dl dt a em { font-style:normal; }
	
	.list .searchkey dl dt a.off ,
	.list .searchkey dl dt a.off em ,
	.list .searchkey dl dt a.off em span { background-image:url("images/search-key-bg.gif"); background-repeat: no-repeat; }
	.list .searchkey dl dt a.off em span { color:#FFF; background-color:#4DA5A9; }
	
	.list .searchkey dl dt a { vertical-align:middle; height:21px; margin-top:4px; padding-bottom:6px; background-position: center -44px; overflow:hidden; }
	.list .searchkey dl dt a em { padding-left:5px; height:21px; line-height:21px; background-position: left -22px; overflow:hidden;}
	.list .searchkey dl dt a em span { cursor:pointer; padding:1px 15px 0 10px; height:20px; line-height:21px; background-position: right 0; overflow:hidden; }

	.list .searchkey dl dd { padding-top:20px; }
	.list .searchkey dl dd ul { padding-right:10px; background:url("images/list_bg.gif"); }
	.list .searchkey dl dd ul li { height:35px; line-height:35px; padding-left:2em; background:url("images/li.gif") no-repeat 8px -48px; }
	.list .searchkey dl dd ul li span { float:right; color:#AAA; font-family:Arial; }
	
/* CSS news list End */

/* CSS news offer Start */
div.offer { }
	div.offer .left { float:left; width:648px; overflow:hidden; }
	div.offer .left .bor { clear:both; width: 646px; height:1px; margin:0 auto; background-color:#BDE; overflow:hidden; }
	div.offer .left .min { clear:both; padding:1px; border:#BDE 6px solid; background-color:#39C; zoom:1; }
	div.offer .left .min .div { background-color:#FFF; overflow:hidden; zoom:1; }

	div.offer .left .min .div h1,
	div.offer .left .min .div h2 { clear:both; color:#06C; font-size:20px; padding:15px; }
	div.offer .left .min .div h1 { background-color:#FDF7F0; }
	
	div.offer .left .min .div h1 { background-color:#FDF7F0; }
	div.offer .left .min .div h2 { font-size:14px; font-weight:100; border-top:#DDD 1px dotted; } 
	div.offer .left .min .div h1 a,
	div.offer .left .min .div h2 a { color:#FFF; display:block; float:right; width:63px; height:18px; padding-top:2px; text-align:center; font-size:12px; font-weight:100; background:url("images/offer_span.gif") no-repeat 0 0; }
	
	div.offer .left .min .div h1 a,
	div.offer .left .min .div h2 a { filter:alpha(opacity=70); opacity: 0.7; }
	div.offer .left .min .div h1 a:hover,
	div.offer .left .min .div h2 a:hover { filter:alpha(opacity=100); opacity: 1.0; }
	
	div.offer .left .min .div dl { clear:both; padding: 0 15px 15px 15px; overflow:hidden; zoom:1; }
	
	div.offer .left .min .div dl.detail { width:610px; background-color:#FDF7F0; }
	div.offer .left .min .div dl.detail dt { float:left; padding:4px; border:#DDD 1px solid; margin-right:5px; background-color:#FFF; }
	div.offer .left .min .div dl.detail dd { float:right; width:445px; overflow:hidden; zoom:1; }
	div.offer .left .min .div dl.detail dd label { color:#AAA; display:block; float:left; width:60px; overflow:hidden; zoom:1; }
	div.offer .left .min .div dl.detail dd.off span { display:block; float:left; width:380px; overflow:hidden; zoom:1; }
	div.offer .left .min .div dl.detail dd.off { position:relative; line-height:20px; height:100px; overflow:hidden; }
	div.offer .left .min .div dl.detail dd.off a { clear:both; float:right; color:red; position:absolute; bottom:0px; right:5px; background-color:#FDF7F0; }
	
	div.offer .left .min .div dl.offer-other { }
	div.offer .left .min .div dl.offer-other dt { padding:4px; border:#DDD 1px solid; float:right; }
	div.offer .left .min .div dl.offer-other ul { line-height:1.2em; padding-bottom:7px; overflow:hidden; }
	div.offer .left .min .div dl.offer-other ul label { display:inline-block; vertical-align:top; width:60px; }
	div.offer .left .min .div dl.offer-other ul span { display:inline-block; width:360px; }
	div.offer .left .min .div dl.offer-other ol { float:left; margin-top:15px; }
	div.offer .left .min .div dl.offer-other ol label { display:inline-block; float:left; padding-right:15px; }
	div.offer .left .min .div dl.offer-other ol span { display:inline-block;  border:#DDD 1px solid; padding:8px 10px;}
	
	div.offer .left .other { position:relative; margin-top:15px; border:#DDD 2px dashed; background-color:#F3F9FB; }
	div.offer .left .other h2 { font-size:13px; font-weight:700; color:#06C; padding:15px 0 5px 10px; }
	div.offer .left .other dl { clear:both; padding:15px 10px 10px 10px; border-top:#DDD 1px dotted; overflow:hidden; zoom:1; }
	div.offer .left .other dl.noborder { border-top:none; }
	div.offer .left .other dl dt { float:left; padding:2px; border:#DDD 1px solid; background-color:#FFF; }
	div.offer .left .other dl dt img { width:63px; height:48px; }
	div.offer .left .other dl dd { float:right; width:540px;}
	div.offer .left .other dl dd label { display:block; color:#06C; font-size:12px; padding:6px 0; }
	div.offer .left .other dl dd label.no { color:#999; }
	div.offer .left .other dl dd label em { font:12px Simsun; float:right; padding-top:2px; }
	div.offer .left .other dl dd span { display:block; color:#999; padding-left:1em; }
	
	div.offer .left .shop { padding-top:10px; }
	div.offer .left .shop dl { padding:1em; border:#DDD 1px solid; overflow:hidden; zoom:1; }
	div.offer .left .shop dl dt { height:29px; border-bottom:#DDD 1px solid; margin-bottom:10px; background-position: 0 -101px;}
	div.offer .left .shop dl dd { float:left; width:200px; padding-top:8px; height:15px; overflow:hidden; }
	
	div.offer .right { float:right; width:280px; padding:10px; border:#DDD 1px solid;}
	div.offer .right .hot { padding-top:10px; }
/* CSS news offer End */

/* CSS news Card Start */
div.card {}
	div.card .left { float:left; width:648px; overflow:hidden; zoom:1; }
	div.card .left .bg_a { position:relative; background-color:#BDE; border-top:#FFF 5px solid; }
	div.card .left div.info { position:relative; width:621px; top:-5px; margin-bottom:-5px; padding:2em 10px 21px 10px; border:#39C 1px solid; background-color:#FFF; overflow:hidden; zoom:1; }
	div.card .left div.info ol { float:left; width:240px; height:200px; margin-right:15px; border:#DDD 1px solid; padding:4px; overflow:hidden; }
	div.card .left div.info ol img { width:240px; height:200px; overflow:hidden; }
	
	div.card .left div.info dl.cont { float:left; width:354px; overflow:hidden; zoom:1; }
	div.card .left div.info dl.cont dt { font-size:20px; color:#06C; font-weight:700; margin-bottom:10px; padding:5px 0 11px 0; border-bottom:#DDD 1px dotted; }
	div.card .left div.info dl.cont dd { padding-top:6px; }
	
	div.card .left div.info ul { clear:both; position:relative; line-height:20px; height:80px; overflow:hidden;}
	div.card .left div.info ul label { color:#39C; }
	div.card .left div.info ul a { color:red; position:absolute; bottom:0; right:0; background-color:#FFF; }
	div.card .left div.infofoot { height:5px; border-left:#FFF 5px solid; background-color:#BDE; overflow:hidden; }
	
	div.card .left div.info dl.regitem { float:left; width:354px; margin:17px 0 1em 0; overflow:hidden; zoom:1; }
	div.card .left div.info dl.regitem dd { float:left; }
	div.card .left div.info dl.regitem dd img { width:60px; height:52px; }
	div.card .left div.info dl.regitem dt { float:left; padding:8px; border:#DDD 1px solid; margin-right:10px; }
	
	div.card .left div.demopic { position:relative; overflow:hidden; zoom:1; }
	div.card .left div.demopic .showpic { float:left; width:520px; }
	div.card .left div.demopic .showpic dl { padding-bottom:8px; background:url("images/showpic_dt.gif") no-repeat right -70px; }
	div.card .left div.demopic .showpic dl dt { margin-right:6px; background:url("images/showpic_dt.gif") repeat-x 0 -35px; }
	div.card .left div.demopic .showpic dl dt span { display:block; color:#06C; font-size:14px; height:34px; line-height:34px; padding-left:1em; background:url("images/showpic_dt.gif") no-repeat 0 0; overflow:hidden; }
	div.card .left div.demopic .showpic dl dd { position:relative; color:#999; height:80px; line-height:20px; padding:1em 1em 0 1em; overflow:hidden; }
	div.card .left div.demopic .showpic dl dd a { color:red; position:absolute; bottom:0; right:1em; background-color:#FFF; }
	div.card .left div.demopic .showpic ul { width:510px; height:340px; padding:4px; border:#DDD 1px solid; background:url("images/loading.gif") no-repeat center center; overflow:hidden; }
	
	div.card .left div.demopic .navpic { float:right; width:111px; }
	div.card .left div.demopic .navpic ul { height:430px; padding:0 2px; overflow:hidden; }
	div.card .left div.demopic .navpic ul li { cursor:pointer; margin-top:10px;  padding:4px 3px; border:#DDD 1px solid;}
	div.card .left div.demopic .navpic ul li.off {margin:10px -1px 0 -1px; padding:3px 3px; border:#1975D1 2px solid;}
	div.card .left div.demopic .navpic ul li img { width:99px; height:66px; overflow:hidden; }
	
	div.card .left div.demopic .navpic h3,
	div.card .left div.demopic .navpic h4 { background:url("images/nav_button.gif") no-repeat 0 0; }
	div.card .left div.demopic .navpic h3 a,
	div.card .left div.demopic .navpic h4 a { display:block; height:15px; padding-top:7px; }
	div.card .left div.demopic .navpic h3 a span,
	div.card .left div.demopic .navpic h4 a span { cursor:pointer; display:block; width:15px; height:9px; margin:0 auto; background:url("images/nav_button_a.gif") no-repeat 0 -11px; }
	div.card .left div.demopic .navpic h3 a span { background-position: 0 -11px; }
	div.card .left div.demopic .navpic h3 a:hover span { background-position: 0 -22px; }
	div.card .left div.demopic .navpic h4 { margin-top:10px; }
	div.card .left div.demopic .navpic h4 a span { background-position: -18px -11px; }
	div.card .left div.demopic .navpic h4 a:hover span { background-position: -18px -22px; }
	
	div.card .left div.demopic .navpic h3 a span.off,
	div.card .left div.demopic .navpic h3 a:hover span.off { background-position: 0 0; }
	div.card .left div.demopic .navpic h4 a span.off,
	div.card .left div.demopic .navpic h4 a:hover span.off { background-position: -18px 0; }

	div.card .right { float:right; width:302px; padding:0; border:0;} 
	div.card .right div.headbor { padding-bottom:5px; border:#39C 1px solid; }
	div.card .right div.headbor iframe { width:300px; height:242px; border:0; vertical-align:top; overflow:hidden; }
	div.card .right div.headbor ol { color:#960; margin-bottom:5px; padding:5px 0 3px 1em; border-top:#BDE 1px solid; border-bottom:#39C 1px solid; }
	div.card .right div.headbor ol a { color:#960; }
	div.card .right div.headbor ol a:hover { color:#F90; }
	div.card .right div.headbor ul { padding-left:1em; overflow:hidden; zoom:1; }
	div.card .right div.headbor ul label { display:inline-block; float:left; color:#999; width:60px; vertical-align:top; overflow:hidden; }
	div.card .right div.headbor ul span { display:inline-block; float:left; width:225px; }
	div.card .right div.footbor { padding:10px; border:#DDD 1px solid; }
	div.card .right div.footbor .offer-right-1 dl { padding-top:0px;}
/* CSS news Card End */

/* CSS news content Start */
.news { width:958px; border:#CCC 1px solid; background:url("images/bg-d.gif") repeat-y 657px 0; }
	.news .left { float:left; width:598px; padding:0 29px; overflow:hidden; }
	.news .left h1.topic {
		font-style:normal;
		display:block;
		font-size:25px;
		font-weight:700;
		font-family:Simsun;
		padding:20px 0;
		text-align:center;
		border-bottom:#EEE 1px dotted;
	}
	.news .left h2.other { font-style:normal; display:block; font:12px Simsun; color:#999; height:25px; line-height:25px; margin-bottom:2em; }
	.news .left h2.other span { float:right; }
	.news .left h2.other span a { color:#777; }
	.news .left .page { margin:0 auto; padding:30px 0; text-align:center; }
	.news .left .page span { cursor:pointer; margin-right:5px; color:#69F; display:inline-block; padding:0 5px; border:#69F 1px solid; }

	.news .left .page span.off { color:#000; border-color:#FFF; padding:0 5px; }
	.news .left .page em.off { color:#CCC; border-color:#CCC; }
	.news .left h3.hot {
		font-size:16px;
		font-weight:700; 
		padding:10px 0 8px 0;
		border-top:#CCC 1px dotted; 
		border-bottom:#CCC 1px solid;
	}
	.news .left .hot ul { padding-bottom:15px;}
	.news .left .hot ul li { padding-top:10px; }
	
	.news .left .hot_a dl { padding:7px 0 15px 0; }
	.news .left .hot_a dl dt,
	.news .left .hot_b dl dt { font-size:19px; font-weight:700; height:32px; padding-top:13px; border-top:#DDD 1px dotted; background:url("images/bg-d.gif") repeat-x 0 36px; overflow:hidden; }
	.news .left .hot_a dl dd { padding-top:7px; }
	
	.news .left .hot_b dl { padding:10px 0 20px 0; overflow:hidden; zoom:1; }
	.news .left .hot_b dl dt { height:42px; background-position: 0 36px; }
	.news .left .hot_b dl dd { float:left; width:123px; text-align:center; padding:0 10px 0 15px; overflow:hidden; }
	.news .left .hot_b dl dd a span { display:block; padding:3px; margin-bottom:5px; border:#EEE 1px solid; }
	.news .left .hot_b dl dd a:hover span { border-color:#F90; }
	
	.news .right { float:right; width: 300px;}
/* CSS news content End */

/* CSS news comment End */
.comment { width:910px; padding:0 20px; border:#BCDDEE 5px solid;}
	.comment .list_cont h1 { font-size:21px; padding:15px 0 20px 0; text-align:center; }
	.comment .list_cont dl { border-top:#EEE 1px dashed;  }
	.comment .list_cont dl dt { color:#1A4EB6; height:15px; padding:8px 0 7px 0; border-bottom:#EEE 1px dotted; background-color:#FDFDFD; overflow:hidden; }
	.comment .list_cont dl dt span { float:right; color:#AAA; }
	.comment .list_cont dl dd { font-size:14px; padding:5px 4px 15px 0; line-height:21px; }
	.comment .list_cont ul { text-align:right; }
	.comment .list_cont ul a { cursor:pointer; }
	.comment_form ul { clear:both; padding-bottom:5px; }
	.comment_form ul label { display:block; width:80px; float:left; text-align:right; }
	.comment_form ul input { padding-top:3px; height:15px; }
	.comment_form ul textarea,
	.comment_form ul input { vertical-align:middle; font:12px simsun; border:#DDD 1px solid; }
	.comment_form ul span { margin-top:3px; }
	.comment_form ul var { color:#F90; }
	
	.comment div.page { text-align:center; padding:15px 0; }
	.comment div.page span { display:inline-block; *margin-right:10px; padding:0 5px; border:#69F 1px solid; }
	.comment div.page span a { color:#69F; }
	.comment div.page span.off { border-color:#FFF; }
/* CSS news comment End */
	
	